import React from 'react';
import styles from './index.less';

const InviteDetail = ({ dataSource = [], keyStyle, valueStyle, ...rest }) =>
    dataSource.map(item => (
        <div className={styles.taskWrap} key={item.key} {...rest}>
            <div className={styles.taskTitle} style={{ ...keyStyle }}>
                {item.render || item.key}
                <span style={{ margin: '0 8px 0 2px' }}>:</span>
            </div>
            <div className={styles.taskValue} style={{ ...valueStyle }}>
                {item.value}
            </div>
        </div>
    ));

export default InviteDetail;
